<template>
    <div class="focus-domain-list">
        <div class="list--title">{{ listTitle }}</div>
        <div class="list--content">
            <div class="list--content--item" v-for="(item, index) in listDataArr" :key="index">
                <div><i></i></div>
                <span>{{ item }}</span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "FocusDomainList",
        props: {
            listTitle: {
                type: String,
                require: false,
                default: "热门推荐"
            },
            listDomain: {
                type: String,
                require: false,
                default: "all"
            }
        },
        data() {
            return {
                listDataArr: []
            }
        },
        beforeMount() {
            setTimeout(() => {
                this.listDataArr = [
                    "美国大萧条中产生存指南",
                    "迪拜“世界岛”成最大烂尾工程：耗资800亿买主自杀",
                    "美国大萧条中产生存指南",
                    "迪拜“世界岛”成最大烂尾工程：耗资800亿买主自杀",
                    "美国大萧条中产生存指南"
                ]
            })
        }
    }
</script>

<style lang="scss" scoped>
    .focus-domain-list {
        .list--title {

        }
        .list--content {
            .list--content--item {
                display: flex;
                line-height: 20px;
                div {
                    margin-right: 10px;
                    i {
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        background: #f99;
                    }
                }
            }
        }
    }
</style>
